$bg:#fff;
$color:#000;
$flex:flex;
$f-lex:-webkit-flex;
$t-op:300px;
video::-webkit-media-controls{
    display:none !important;
} 

#box{
position: relative;
display:$flex;
display:$f-lex;
margin: auto;
width: 700px;
height: 400px;
border: 1px solid red;
}
#box #i1,#box #i2{

left:45%;
} 

#box #i3{
left:35%;
}
#box #i4{
left:55%;
}
#box #i5{
left:65%;
position:absolute;
top:0px;
}
#box #i6{
left:25%;
}
#box #i7{
left:75%;
}
#video1{
width:100%;
height: 100%;
margin: auto;
}
.glyphicon{
position: absolute;
top:$t-op;
font-size:30px;
}

.glyphicon {
    /* position: relative; */
    /* top: 1px; */
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}